<template>
      <div v-if="opreateDatas.length>0" class="block">
         <el-button style="margin-bottom: 5px;" v-for="(item, index) in opreateDatas" :key="index" :size="item.size" :type="item.type" v-on:click="executeAction(item.action)"> <i :class=" item.icon+' el-icon--left'"></i>{{item.name}}</el-button>
      </div>
</template>

<script>
export default {
  data(){
    return{

    }
  },
  props:{
     opreateDatas:{
       type:Array,
       default:function(){
          return [];
       }
     }
  },
  methods:{
    executeAction(action){
      this.$emit("executeAction",action);
    }
  }
}
</script>

<style scoped lang="less">
	.block {
		
	}
</style>